<template>
  <ConfigProvider :locale="zhCN">
    <router-view />
  </ConfigProvider>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import zhCN from 'ant-design-vue/es/locale/zh_CN'
import { ConfigProvider } from 'ant-design-vue'
import { injectKeyboardEvent } from '@/utils/keyboardEvent'

export default defineComponent({
  name: 'App',
  components: { ConfigProvider },
  setup() {
    return {
      zhCN
    }
  },
  created() {
    injectKeyboardEvent()
  }
})
</script>

<style lang="less">
@import 'ant-design-vue/dist/antd.less';

@import './assets/css/theme.less'; // 用于覆盖上面定义的变量
@import './assets/css/reset.less';
@import './assets/css/global.less';
</style>
